layui.use(['form', 'layer'], function () {
    var form = layui.form,
        layer = parent.layer === undefined ? layui.layer : top.layer,
        $ = layui.jquery;

    form.on("submit(editManager)", function (data) {
        var state = $("#State").val();
        if (state != "1") {
            //获取防伪标记
            $.ajax({
                type: 'POST',
                url: '/Manager/ModifyData/',
                data: {
                    Id: $("#Id").val(),  //主键
                    UserName: $(".UserName").val(),
                    RoleId: $(".RoleId").val(),
                    NickName: $(".NickName").val(),
                    Mobile: $(".Mobile").val(),
                    Email: $(".Email").val(),
                    BankType: $(".BankType").val(),
                    BankCard: $(".BankCard").val(),
                    IsLock: $(".IsLock").get(0).checked,
                    Remark: $(".Remark").val(),
                    UploadImages: $(".UploadImages").val().split(',')
                },
                dataType: "json",
                headers: {
                    "X-CSRF-TOKEN-yilezhu": $("input[name='AntiforgeryKey_yilezhu']").val()
                },
                success: function (res) {//res为相应体,function为回调函数
                    if (res.ResultCode === 0) {
                        var alertIndex = layer.alert(res.ResultMsg, { icon: 1 }, function () {
                            layer.closeAll("iframe");
                            //刷新父页面
                            parent.location.reload();
                            top.layer.close(alertIndex);
                        });
                        //$("#res").click();//调用重置按钮将表单数据清空
                    } else if (res.ResultCode === 102) {
                        layer.alert(res.ResultMsg, { icon: 5 }, function () {
                            layer.closeAll("iframe");
                            //刷新父页面
                            parent.location.reload();
                            top.layer.close(alertIndex);
                        });
                    }
                    else {
                        layer.alert(res.ResultMsg, { icon: 5 });
                    }
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    layer.alert('操作失败！！！' + XMLHttpRequest.status + "|" + XMLHttpRequest.readyState + "|" + textStatus, { icon: 5 });
                }
            });
        } else {
            layer.alert('用户已审核，不能修改用户资料！', { icon: 5 });
        }
        return false;
    });
    //form.verify({
    //    username: function (value, item) { //value：表单的值、item：表单的DOM对象
    //        if (!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)) {
    //            return '用户名不能有特殊字符';
    //        }
    //        if (/(^\_)|(\__)|(\_+$)/.test(value)) {
    //            return '用户名首尾不能出现下划线\'_\'';
    //        }
    //        if (/^\d+\d+\d$/.test(value)) {
    //            return '用户名不能全为数字';
    //        }
    //    }

    //    //我们既支持上述函数式的方式，也支持下述数组的形式
    //    //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
    //    , pass: [
    //        /^[\S]{6,12}$/
    //        , '密码必须6到12位，且不能出现空格'
    //    ]
    //});   

    function GetCurrentUserInfo() {
        $.ajax({
                type: 'GET',
                url: '/Manager/GetCurrentUserInfo/',
                data: {},
                dataType: "json",
                //headers: {
                //    "X-CSRF-TOKEN-yilezhu": $("input[name='AntiforgeryKey_yilezhu']").val()
                //},
                success: function (res) {//res为相应体,function为回调函数
                    console.log(res);
                    $(".UserName").val(res.UserName);
                    $(".NickName").val(res.NickName);
                    $(".Mobile").val(res.Mobile);
                    $(".Email").val(res.Email);
                    $(".BankType").val(res.BankType);
                    $(".BankCard").val(res.BankCard);
                    $("#State").val(res.State);
                    $("#Id").val(res.Id);
                    $(".IsLock").val(res.IsLock);
                    $(".Remark").val(res.Remark);
                    //$(".RoleId").val(res.RoleId);
                    if (res.state == "1") {
                        $("#uploadImagesBtn,#editManager").prop("disabled", true);
                    }
                    var html = '';
                    if (res.AuditImages.length) {
                        for (var i = 0; i < res.AuditImages.length; i++) {
                            var item = res.AuditImages[i];
                            html += '<span value="' + i + '" style="position:relative; top: 0;">';
                            html += '<a href="http://dns.qsgjlive.com/' + item + '" target="_bank"><img src="http://dns.qsgjlive.com/' + item +  '" style="width: 100px;" /></a>';
                            html += '<button type="button" class="layui-btn layui-btn-sm updateAuditImage" value="' + i + '" style="position:absolute; right: 0;">X</button>';
                            html += '</span>';
                        }
                        $(".imagesPanel").html(html);
                        $("#UploadImages").val(res.AuditImages.toString());
                    }
                    

                    //if (res.ResultCode === 0) {
                    //    var alertIndex = layer.alert(res.ResultMsg, { icon: 1 }, function () {
                    //        layer.closeAll("iframe");
                    //        //刷新父页面
                    //        parent.location.reload();
                    //        top.layer.close(alertIndex);
                    //    });
                    //    //$("#res").click();//调用重置按钮将表单数据清空
                    //} else if (res.ResultCode === 102) {
                    //    layer.alert(res.ResultMsg, { icon: 5 }, function () {
                    //        layer.closeAll("iframe");
                    //        //刷新父页面
                    //        parent.location.reload();
                    //        top.layer.close(alertIndex);
                    //    });
                    //}
                    //else {
                    //    layer.alert(res.ResultMsg, { icon: 5 });
                    //}
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    layer.alert('操作失败！！！' + XMLHttpRequest.status + "|" + XMLHttpRequest.readyState + "|" + textStatus, { icon: 5 });
                }
            });
    }

    GetCurrentUserInfo();

    $(".imagesPanel").on('click', '.updateAuditImage', function () {
        var id = $(this).attr("value");
        var newImages = [];
        var images = $("#UploadImages").val().split(',');
        var currentImage = $(".imagesPanel").find("span[value=" + id + "] img").attr("src");
        for (var i = 0; i < images.length; i++) {
            var image = images[i];
            if (currentImage.indexOf(image) == -1) {
                newImages.push(image); 
            }
        }
        $("#UploadImages").val(newImages);
        $(".imagesPanel").find("span[value=" + id + "]").remove();
    });

    // 上传图片到七牛云
    $("#uploadImagesBtn").click(function () {
        var state = $("#State").val();
        if (state != "1") {
            $("#userfile").click();
        } else {
            layer.alert('用户已审核，不能修改用户资料！', { icon: 5 });
        }
    });

});